<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="viewport-fit=cover,width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/style.css" />
	</head>

	<body class="bgLight">
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">电子书</h1>
		    <a class="mui-icon mui-icon-search icon_top_sr mui-pull-right"></a>
		</header>
		<div class="mui-content getHeight bgLight" id="refreshContainer">
		    <!--新书热读-->
			<div class="read_nr" id="ebook_lists">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-media xsrd_list" v-for="val in lists" v-show="auditStatus == 'yes'" @tap="open_book_detils(val.id)">
						<img class="mui-media-object mui-pull-left xsrd_pic" :src="val.thumb">
						<div class="mui-media-body book_rtxt">
							<h4 class="ellipsis2 read_tt">{{val.title}}</h4>
							<p class="timePerson ellipsis2">{{val.oneWords}}</p>
							<p class="xs_person_price">
								<span class="courseStudy"><i class="mui-icon mui-icon-people"></i> {{val.views}}</span>
								<span class="coursePrice" v-if="val.vipprice == 0">免费</span>
								<span class="coursePrice" v-if="val.vipprice > 0"><em>￥</em>{{val.vipprice}}</span>
							</p>
						</div>
					</li>
				</ul>
			</div>

		</div>
		<script src="../../../js/mui.min.js"></script>
		<script src="../../../js/jquery.min.js"></script>
		<script type="text/javascript" src="../../../js/h.min.js" ></script>
		<script type="text/javascript" src="../../../js/tpl/bookCity.js"></script>
		<script src="../../../js/vue.js"></script>
		<script src="../../../js/public.js"></script>
	</body>

</html>